Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Enhanced Spacing for Improved Component Layout #331

Closed

Conversation

akhilender-bongirwar
Copy link
Member

In response to user feedback, this commit addresses the spacing concerns within the GetNighthawk website's UI. The existing design was visually appealing but lacked sufficient spacing between certain components.

Changes Made:

  • Added margin-bottom to the analysis, distribution, and standards-based cards to create a clear distinction between them and improve readability.
  • Introduced appropriate spacing between the 'Nighthawk & Meshery' section and the 'Layer 7 Performance Analysis' division to enhance the overall visual balance.

These adjustments have been carefully implemented to maintain the smooth and polished UI while ensuring a more comfortable viewing experience for users. The improved spacing creates a harmonious layout, allowing each component to breathe and stand out effectively.

Resolves Issue: #290

Signed-off-by: Akhilender [email protected]

Description

This PR fixes #290

Notes for Reviewers

Signed commits

  • Yes, I signed my commits.

@welcome
Copy link

welcome bot commented Aug 29, 2023

Yay, your first pull request! 👍 A contributor will be by to give feedback soon. In the meantime, please review the Layer5 Community Welcome Guide and sure to join the community Slack.
Be sure to double-check that you have signed your commits. Here are instructions for making signing an implicit activity while peforming a commit.

@netlify
Copy link

netlify bot commented Aug 29, 2023

Website preview ready!

Name Link
🔨 Latest commit 2715cc9
🔍 Latest deploy log https://app.netlify.com/sites/getnighthawk/deploys/64f05fb552f4c20008e229b7
😎 Deploy Preview https://deploy-preview-331--getnighthawk.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

In response to user feedback, this commit addresses the spacing concerns within the GetNighthawk website's UI. The existing design was visually appealing but lacked sufficient spacing between certain components.

Changes Made:
- Added margin-bottom to the analysis, distribution, and standards-based cards to create a clear distinction between them and improve readability.
- Introduced appropriate spacing between the 'Nighthawk & Meshery' section and the 'Layer 7 Performance Analysis' division to enhance the overall visual balance.

These adjustments have been carefully implemented to maintain the smooth and polished UI while ensuring a more comfortable viewing experience for users. The improved spacing creates a harmonious layout, allowing each component to breathe and stand out effectively.

Resolves Issue: layer5io#290

Signed-off-by: Akhilender [email protected]
Signed-off-by: Akhilender <[email protected]>
Refactored the CSS code to introduce a custom scrollbar consistent with modern design trends. The new scrollbar design aligns with the desired appearance, replacing the default one.

Changes Made:
- Added custom scrollbar CSS rules.
- Removed the default scrollbar appearance.

These adjustments have been carefully implemented to maintain the smooth
and polished UI.

Resolves Issue: layer5io#327

Signed-off-by: Akhilender <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

Adding space between the different components on website
1 participant